<%--
  Created by IntelliJ IDEA.
  User: DELL
  Date: 2020/12/18
  Time: 16:05
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        .main{ background-image: url("4 .jpg");
            height: 500px;
            margin-left:auto;
            margin-right:auto;
            width: 800px;}
        .submit{
            position: absolute;
            bottom: 400px;
            right: 680px;

        }
        #id{color: green;
            position: absolute;
            bottom: 460px;
            right: 670px;
        }
        .box{
            height:500px;
            background-color:#AAAAAA;
        }
        #xx{
            height:600px;
            width:450px;
        }
        #dl{
            width:50px;height:30px;
            background:#00BBFF;
            border:1px solid #fff;
            color:#fff;
            font-size:2px;}
        #zc{width:50px;height:30px;
            background:#00BBFF;
            border:1px solid #fff;
            color:#fff;
            font-size:2px;
        }
    </style>
</head>
<body>
<div class="box">
    <div class="main" id="login">
        <div class="login-form">
            <h1 id="id">Hotel Login</h1>
            <div class="head">
            </div>
            <div class="submit">
                <form action="Login" >
                <input style="background:transparent;border:2px solid white" type="text" id="name" name="name" class="text" value="USERNAME" onfocus="this.value = '';"><br>
                <input style="background:transparent;border:2px solid white" type="password" name="password" id="password" value="Password" onfocus="this.value = '';"><br>
                <input type="submit" id="dl" value="登录">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <input type="button" id="zc" value="注册">
                </form>
            </div>
        </div>
    </div>
    <thead>
    <tr><td colspan="2" background="image/banner.gif" height="205"></td></tr>
    <tr><td colspan="2" align="center" height="42"background="image/menu_bg.gif"><font color="white">
        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        <a  href="" οnclick="return false"  >首页</a>&nbsp;&nbsp;|&nbsp;&nbsp;
        <a  href="" οnclick="return false" >公司介绍</a>&nbsp;&nbsp;|&nbsp;&nbsp;
        <a  href="" οnclick="return false"  >新闻中心</a></a>&nbsp;&nbsp;|&nbsp;&nbsp;
        <a  href="" οnclick="return false"  >产品展示</a></a>&nbsp;&nbsp;|&nbsp;&nbsp;
        <a  href="" οnclick="return false">客户留言</a></a>&nbsp;&nbsp;|&nbsp;&nbsp;
        <a  href="" οnclick="return false"  >资料下载</a></a>&nbsp;&nbsp;|&nbsp;&nbsp;
        <a  href="" οnclick="return false"  >联系我们</a></font></td></tr>
    </thead>
</div>
<script type="text/javascript">
    var dl=document.getElementById("dl");
    var zc=document.getElementById("zc");
    var name= document.getElementById('name');
    var pass = document.getElementById('password');
    name.onblur = function(){
        if(name.value===''){
            tips.innerHTML = '用户名不能为空';
            tips.style.display = 'block';
        }
    }
    pass.onblur = function(){
        if(pass.value===''){
            tips.innerHTML = '密码不能为空';
            tips.style.display = 'block';
        }
    }

    zc.onclick=function(){
        window.location.href="register.jsp";
    }
    // dl.onclick=function(){
    //     window.location.href="Login";
    // }
</script>

</body>
</html>
